<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery版ajax</title>
    <!--    第一步引入jQuery的js文件-->
    <script src="js/jquery-3.6.0.js" type = "text/javascript" >//不能写脚本</script>
</head>
<body>
<img src="img/神仙cp.jpeg" alt="" width="500px" height="300px"> <br>
<span>0</span> &nbsp;&nbsp;<button onclick="point()">点赞</button>
<span>0</span> &nbsp;&nbsp;<button onclick="pointGet()">getAjax点赞</button>

<script>
    function point() {
        // jQuery 版第一次封装的ajax
        $.ajax({
            url:"jsajax", // 请求路径
            data:"num=" + $("span:first").text(), // 请求携带的数据
            type: "get", // 请求方式
            dataType: "text", // 设置响应数据类型,默认是text;
            async: true, // 表示异步请求,默认异步,即true
            success:function(mes) { // 成功后的回调函数. 函数括号中的参数是响应回来的数据
                $("span:first").text(mes); // 将响应回来的 数据写入span 标签
            },
            error : function(err) {
                console.log(err);
                alert(err) ;
            }
        })
    }
</script>
<script>
    function pointGet() {
        $.get(
           "jsajax?num=" + $("span:eq(1)").text(), // 请求携带的数据
            function (mes) {//成功后的回调函数，参数为响应回来的数据
               $("span:eq(1)").text(mes);//将数据存放到span标签中
            },
            "text"
        );
    }
</script>
</body>
</html>